/*
 * @Author: RAY_HUI 1541917867@qq.com
 * @Date: 2025-07-16 17:52:01
 * @LastEditors: RAY_HUI 1541917867@qq.com
 * @LastEditTime: 2025-08-05 18:30:56
 * @FilePath: \website-reconstruction---vue\src\utils\request.js
 * @Description:
 *
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved.
 */
import axios from 'axios'
import { ElMessage } from 'element-plus'
import qs from 'qs' // 可选：引入 Element Plus 提示组件
import { useLangStore } from '@/stores/langStore'

const langStore = useLangStore()

// import router from '@/router' // 可根据需要引入路由进行跳转

// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_APP_BASE_API,
  timeout: 5000,
  paramsSerializer: (params) => {
    return qs.stringify(params, { indices: false }) // 关键配置
  },
})

// ✅ 修复版：避免覆盖传入的 lang
service.interceptors.request.use(
  (config) => {
    const token = localStorage.getItem('token')

    // 只有当 params 没有 lang 时，才自动附加当前语言
    if (!config.params?.lang) {
      config.params = {
        ...config.params,
        lang: langStore.currentLang,
      }
    }
    // 如果已有 lang，就不动它（允许你传 en/fr/ja）

    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  (error) => {
    console.error('Request Error:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  (response) => {
    // 假设你的后端返回格式为：
    // { code: 200, data: {}, msg: '成功' }
    const res = response.data
    // console.log('返回的信息' + res)

    if (res.code !== 200) {
      // 错误提示
      ElMessage.error(res.msg || '请求失败')

      // 比如 token 失效，跳转登录页
      // if (res.code === 401) {
      //   router.push('/login')
      // }

      return Promise.reject(new Error(res.msg || 'Error'))
    } else {
      return res
    }
  },
  (error) => {
    // 网络异常等处理
    console.error('Response Error:', error)
    ElMessage.error('网络异常，请检查连接')
    return Promise.reject(error)
  }
)

export default service
